<template>
    <div>
        <div>
            <div class="NoticeTitle">
              <input type="text" placeholder="请输入组名" v-model="name">
            </div>
                <div class="NoticeMemo">
                            <textarea placeholder="请输入组描述" v-model="memo" ></textarea>
                </div>
              <btn @next="next" @cancel="cancel"/>
        </div>
    </div>
</template>
<script>
import btn from "@/components/btn"
export default {
    components:{
        btn
    },
    data(){
        return {
            name:"",
            memo:""
        }
    },
    methods:{
      next(){
          this.$emit("next",{
              name:this.name,
              memo:this.memo
          })
      },
      cancel(){
          this.$emit("cancel")
      }
    }
}
</script>
<style scoped>
.NoticeTitle,.NoticeMemo {
    text-align: center;
    margin-top: 16px;
}
input {
  height: 30px;
  background: none;
  outline-color: none;
  border: none;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
}
 textarea {
  width: 347px;
  height: 200px;
  resize: none;
  background: none;
  color: #fff;
  font-size: 16px;
  border: 1px solid #fff;
}

</style>